/* 优惠券样式 */
.couponList
  padding 0.267rem
  position fixed
  width 100%
  bottom 0
  background #fff
  z-index 101
  max-height 8.6rem
  overflow-y scroll
  &.u-clist
    max-height none
    bottom auto
    min-height 100vh
    top 0
  .cflex
    display flex
    align-items center
    margin-top cal(10) rem
    margin-bottom cal(30) rem
    text-align center
    .coupontitle
      text-align center
      setFontsize(16px)
      flex 1 1 auto
    .icon-close
      background-position 0 -5.81rem
  .dashed
    width 90%
    margin 0 auto
    margin-top cal(45) rem
    margin-bottom cal(45) rem
    height 1px
    border-top 1px dashed #e5e5e5
  .item
    height cal(203) rem
    margin-left -0.267rem
    margin-right -0.267rem
    padding-left 0.267rem
    padding-right 0.267rem
    padding-top cal(10) rem
    .active
      background #e6e6e6
    .flex
      background-image url("../../assets/coupon-use.png")
      background-repeat no-repeat
      background-size 100%
      width 100%
      height cal(195) rem
      position relative
      flexLayout()
      &.nouse
        background-image url("../../assets/coupon-nouse.png")
        & *
          color #808080 !important
    &:last-child
      margin-bottom 0
    .coupon-price
      width 2.667rem
      text-align center
      border-right 1px dashed #e5e5e5
      color #333
      .coupon-price-num
        color #ff5a00
        .coupon-num
          setFontsize(30px)
      .outoudate
        position absolute
        left 1.36rem
        img
          width cal(72) rem
    .coupon-desc
      padding 0 0.533rem
      color #999
      .title
        color #333
        setFontsize(18px)
        padding-bottom cal(15) rem
    p
      setFontsize(12px)
      margin 0
      line-height 1.5
